pollux.metabox.init - Code Metrics - Inspection of "[feature] Settings page to change plugin config" - pryley/pollux - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — develop ( 3b1736...62d6da )

by Paul

created 2017-05-09 17:01 UTC

pollux.metabox.init A

↳ Parent: +/main.js

Complexity

Conditions	1
Paths	2

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	1
c	0
b	0
f	0
nc	2
nop	0
dl	0
loc	11
rs	9.4285

1 Function

Rating	Name	Duplication	Size	Complexity
A		0	7	2

/** global: wp, CodeMirror */

var pollux = {
	editors: {},
	media: {
		featured: {},
	},
	metabox: {},
	tabs: {},
};

/**
 * @return bool
 */
pollux.classListAction = function( bool )
{
	return bool ? 'add' : 'remove';
};

/**
 * @return void
 */
pollux.media.featured.init = function()
{
	jQuery( '#postimagediv' )
	.on( 'click', '#pollux-set-featured', function( ev ) {
		ev.preventDefault();
		wp.media.view.settings.post.featuredImageId = Math.round( jQuery( '#featured' ).val() );
		pollux.media.featured.frame = wp.media.featuredImage.frame;
		pollux.media.featured.frame().open();
	})
	.on( 'click', '#pollux-remove-featured', function( ev ) {
		ev.preventDefault();
		pollux.media.featured.set(-1);
	});
};

/**
 * @return void
 */
pollux.media.featured.select = function()
{
	if( !wp.media.view.settings.post.featuredImageId )return;
	var selection = this.get( 'selection' ).single();
	pollux.media.featured.set( selection ? selection.id : -1 );
};

/**
 * @return void
 */
pollux.media.featured.set = function( id )
{
	wp.media.view.settings.post.featuredImageId = Math.round( id );
	wp.media.post( 'pollux/archives/featured/html', {
		_wpnonce: document.querySelector( '#_wpnonce' ).value,
		post_type: document.querySelector( '#archive-type' ).value,
		thumbnail_id: id,
	}).done( function( html ) {
		document.querySelector( '#postimagediv > .inside' ).innerHTML = html;
	});
};

/**
 * @return bool
 */
pollux.metabox.hasValue = function( el )
{
	if( el.type === 'checkbox' ) {
		return el.checked === true;
	}
	return el.value !== '';
};

/**
 * @return void
 */
pollux.metabox.init = function()
{
	var depends = document.querySelectorAll( '.rwmb-input [data-depends]' );
	[].forEach.call( depends, function( el ) {
		var dependency = pollux.metabox.setVisibility( el );
		var event = dependency.type === 'checkbox' ? 'change' : 'keyup';
		dependency.addEventListener( event, function() {
			pollux.metabox.setVisibility( el );
		});
	});
};

/**
 * @return element
 */
pollux.metabox.setVisibility = function( el )
{
	var dependency = document.getElementById( el.getAttribute( 'data-depends' ));
	var action = pollux.classListAction( !pollux.metabox.hasValue( dependency ));
	el.closest( '.rwmb-field' ).classList[action]( 'hidden' );
	return dependency;
};

/**
 * @return void
 */
pollux.tabs.init = function()
{
	pollux.tabs.active = document.querySelector( '#pollux-active-tab' );
	pollux.tabs.referrer = document.querySelector( 'input[name="_wp_http_referer"]' );
	pollux.tabs.tabs = document.querySelectorAll( '.pollux-tabs a' );
	pollux.tabs.views = document.querySelectorAll( '.pollux-config .form-table' );

	[].forEach.call( pollux.tabs.tabs, function( tab, index ) {
		var active = location.hash ? tab.getAttribute( 'href' ).slice(1) === location.hash.slice(2) : index === 0;
		if( active ) {
			pollux.tabs.setTab( tab );
		}
		tab.addEventListener( 'click', pollux.tabs.onClick );
		tab.addEventListener( 'touchend', pollux.tabs.onClick );
	});
};

/**
 * @return void
 */
pollux.tabs.onClick = function( ev )
{
	ev.preventDefault();
	this.blur();
	pollux.tabs.setTab( this );
	location.hash = '!' + this.getAttribute( 'href' ).slice(1);
};

/**
 * @return void
 */
pollux.tabs.setReferrer = function( index )
{
	var referrerUrl = pollux.tabs.referrer.value.split('#')[0] + '#!' + pollux.tabs.views[index].id;
	pollux.tabs.referrer.value = referrerUrl;
};

/**
 * @return void
 */
pollux.tabs.setTab = function( el )
{
	[].forEach.call( pollux.tabs.tabs, function( tab, index ) {
		var action = pollux.classListAction( tab === el );
		if( action === 'add' ) {
			pollux.tabs.active.value = pollux.tabs.views[index].id;
			pollux.tabs.setReferrer( index );
			pollux.tabs.setView( index );
		}
		tab.classList[action]( 'nav-tab-active' );
	});
};

/**
 * @return void
 */
pollux.tabs.setView = function( idx )
{
	[].forEach.call( pollux.tabs.views, function( view, index ) {
		var action = pollux.classListAction( index !== idx );
		view.classList[action]( 'ui-tabs-hide' );
	});
};

/**
 * @return void
 */
pollux.editors.init = function()
{
	pollux.editors.all = [];
	[].forEach.call( document.querySelectorAll( '.pollux-code' ), function( editor, index ) {
		pollux.editors.all[index] = CodeMirror.fromTextArea( editor, {
			gutters: ['CodeMirror-lint-markers'],
			highlightSelectionMatches: { wordsOnly: true },
			lineNumbers: true,
			lint: true,
			mode: 'text/yaml',
			showInvisibles: true,
			showTrailingSpace: true,
			styleActiveLine: true,
			tabSize: 2,
			theme: 'pollux',
			viewportMargin: Infinity,
		});
		pollux.editors.all[index].setOption( 'extraKeys', {
			Tab: function( cm ) {
				var spaces = Array( cm.getOption( 'indentUnit' ) + 1 ).join( ' ' );
				cm.replaceSelection( spaces );
			},
		});
		pollux.editors.all[index].display.wrapper.setAttribute( 'data-disabled', editor.getAttribute( 'data-disabled' ));
		if( editor.readOnly ) {
			pollux.editors.all[index].setOption( 'theme', 'disabled' );
			pollux.editors.all[index].setOption( 'readOnly', 'nocursor' );
		}
	});
};

jQuery(function() {
	pollux.editors.init();
	pollux.media.featured.init();
	pollux.metabox.init();
	pollux.tabs.init();
});


1			/** global: wp, CodeMirror */
2
3			var pollux = {
4			editors: {},
5			media: {
6			featured: {},
7			},
8			metabox: {},
9			tabs: {},
10			};
11
12			/**
13			* @return bool
14			*/
15			pollux.classListAction = function( bool )
16			{
17			return bool ? 'add' : 'remove';
18			};
19
20			/**
21			* @return void
22			*/
23			pollux.media.featured.init = function()
24			{
25			jQuery( '#postimagediv' )
26			.on( 'click', '#pollux-set-featured', function( ev ) {
27			ev.preventDefault();
28			wp.media.view.settings.post.featuredImageId = Math.round( jQuery( '#featured' ).val() );
29			pollux.media.featured.frame = wp.media.featuredImage.frame;
30			pollux.media.featured.frame().open();
31			})
32			.on( 'click', '#pollux-remove-featured', function( ev ) {
33			ev.preventDefault();
34			pollux.media.featured.set(-1);
35			});
36			};
37
38			/**
39			* @return void
40			*/
41			pollux.media.featured.select = function()
42			{
43			if( !wp.media.view.settings.post.featuredImageId )return;
44			var selection = this.get( 'selection' ).single();
45			pollux.media.featured.set( selection ? selection.id : -1 );
46			};
47
48			/**
49			* @return void
50			*/
51			pollux.media.featured.set = function( id )
52			{
53			wp.media.view.settings.post.featuredImageId = Math.round( id );
54			wp.media.post( 'pollux/archives/featured/html', {
55			_wpnonce: document.querySelector( '#_wpnonce' ).value,
56			post_type: document.querySelector( '#archive-type' ).value,
57			thumbnail_id: id,
58			}).done( function( html ) {
59			document.querySelector( '#postimagediv > .inside' ).innerHTML = html;
60			});
61			};
62
63			/**
64			* @return bool
65			*/
66			pollux.metabox.hasValue = function( el )
67			{
68			if( el.type === 'checkbox' ) {
69			return el.checked === true;
70			}
71			return el.value !== '';
72			};
73
74			/**
75			* @return void
76			*/
77			pollux.metabox.init = function()
78			{
79			var depends = document.querySelectorAll( '.rwmb-input [data-depends]' );
80			[].forEach.call( depends, function( el ) {
81			var dependency = pollux.metabox.setVisibility( el );
82			var event = dependency.type === 'checkbox' ? 'change' : 'keyup';
83			dependency.addEventListener( event, function() {
84			pollux.metabox.setVisibility( el );
85			});
86			});
87			};
88
89			/**
90			* @return element
91			*/
92			pollux.metabox.setVisibility = function( el )
93			{
94			var dependency = document.getElementById( el.getAttribute( 'data-depends' ));
95			var action = pollux.classListAction( !pollux.metabox.hasValue( dependency ));
96			el.closest( '.rwmb-field' ).classList[action]( 'hidden' );
97			return dependency;
98			};
99
100			/**
101			* @return void
102			*/
103			pollux.tabs.init = function()
104			{
105			pollux.tabs.active = document.querySelector( '#pollux-active-tab' );
106			pollux.tabs.referrer = document.querySelector( 'input[name="_wp_http_referer"]' );
107			pollux.tabs.tabs = document.querySelectorAll( '.pollux-tabs a' );
108			pollux.tabs.views = document.querySelectorAll( '.pollux-config .form-table' );
109
110			[].forEach.call( pollux.tabs.tabs, function( tab, index ) {
111			var active = location.hash ? tab.getAttribute( 'href' ).slice(1) === location.hash.slice(2) : index === 0;
112			if( active ) {
113			pollux.tabs.setTab( tab );
114			}
115			tab.addEventListener( 'click', pollux.tabs.onClick );
116			tab.addEventListener( 'touchend', pollux.tabs.onClick );
117			});
118			};
119
120			/**
121			* @return void
122			*/
123			pollux.tabs.onClick = function( ev )
124			{
125			ev.preventDefault();
126			this.blur();
127			pollux.tabs.setTab( this );
128			location.hash = '!' + this.getAttribute( 'href' ).slice(1);
129			};
130
131			/**
132			* @return void
133			*/
134			pollux.tabs.setReferrer = function( index )
135			{
136			var referrerUrl = pollux.tabs.referrer.value.split('#')[0] + '#!' + pollux.tabs.views[index].id;
137			pollux.tabs.referrer.value = referrerUrl;
138			};
139
140			/**
141			* @return void
142			*/
143			pollux.tabs.setTab = function( el )
144			{
145			[].forEach.call( pollux.tabs.tabs, function( tab, index ) {
146			var action = pollux.classListAction( tab === el );
147			if( action === 'add' ) {
148			pollux.tabs.active.value = pollux.tabs.views[index].id;
149			pollux.tabs.setReferrer( index );
150			pollux.tabs.setView( index );
151			}
152			tab.classList[action]( 'nav-tab-active' );
153			});
154			};
155
156			/**
157			* @return void
158			*/
159			pollux.tabs.setView = function( idx )
160			{
161			[].forEach.call( pollux.tabs.views, function( view, index ) {
162			var action = pollux.classListAction( index !== idx );
163			view.classList[action]( 'ui-tabs-hide' );
164			});
165			};
166
167			/**
168			* @return void
169			*/
170			pollux.editors.init = function()
171			{
172			pollux.editors.all = [];
173			[].forEach.call( document.querySelectorAll( '.pollux-code' ), function( editor, index ) {
174			pollux.editors.all[index] = CodeMirror.fromTextArea( editor, {
175			gutters: ['CodeMirror-lint-markers'],
176			highlightSelectionMatches: { wordsOnly: true },
177			lineNumbers: true,
178			lint: true,
179			mode: 'text/yaml',
180			showInvisibles: true,
181			showTrailingSpace: true,
182			styleActiveLine: true,
183			tabSize: 2,
184			theme: 'pollux',
185			viewportMargin: Infinity,
186			});
187			pollux.editors.all[index].setOption( 'extraKeys', {
188			Tab: function( cm ) {
189			var spaces = Array( cm.getOption( 'indentUnit' ) + 1 ).join( ' ' );
190			cm.replaceSelection( spaces );
191			},
192			});
193			pollux.editors.all[index].display.wrapper.setAttribute( 'data-disabled', editor.getAttribute( 'data-disabled' ));
194			if( editor.readOnly ) {
195			pollux.editors.all[index].setOption( 'theme', 'disabled' );
196			pollux.editors.all[index].setOption( 'readOnly', 'nocursor' );
197			}
198			});
199			};
200
201			jQuery(function() {
202			pollux.editors.init();
203			pollux.media.featured.init();
204			pollux.metabox.init();
205			pollux.tabs.init();
206			});
207

pryley / pollux

Push — develop ( 3b1736...62d6da )

pollux.metabox.init A

Complexity

Size

Duplication

Importance

1 Function

Duplication Side-by-Side

Filter issues like